dhre-ui-kit 0.0.255 → 0.0.256
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 -1
- package/lib/index.js +4 -14
- package/lib/index.js.map +1 -1
- package/lib/index.mjs +4 -14
- package/lib/index.mjs.map +1 -1
- package/package.json +1 -1
package/lib/index.mjs
CHANGED
|
@@ -3975,8 +3975,6 @@ const OTPInput = React.forwardRef(
|
|
|
3975
3975
|
const [activeInput, setActiveInput] = useState(null);
|
|
3976
3976
|
const [resendOTPCount, setResendOTPCount] = useState(0);
|
|
3977
3977
|
const [errorMessageMaxReachCount, setErrorMessageMaxReachCount] = useState("");
|
|
3978
|
-
const filteredTheme = mode ? theme[mode] : theme;
|
|
3979
|
-
const { theme: theme$1 } = useTheme() || { theme: filteredTheme };
|
|
3980
3978
|
const [timeLeft, setTimeLeft] = useState(60);
|
|
3981
3979
|
useEffect(() => {
|
|
3982
3980
|
let timer;
|
|
@@ -4080,7 +4078,6 @@ const OTPInput = React.forwardRef(
|
|
|
4080
4078
|
text: label,
|
|
4081
4079
|
variant: FontStyle.B4_REGULAR,
|
|
4082
4080
|
style: {
|
|
4083
|
-
color: otp?.length ? theme$1.CONTENT_PRIMARY : theme$1.CONTENT_SECONDRY,
|
|
4084
4081
|
textAlign: "left",
|
|
4085
4082
|
...otpHeaderTextStyle
|
|
4086
4083
|
}
|
|
@@ -4091,8 +4088,6 @@ const OTPInput = React.forwardRef(
|
|
|
4091
4088
|
key: index?.toString(),
|
|
4092
4089
|
style: {
|
|
4093
4090
|
...styles$5.textInputStyle,
|
|
4094
|
-
color: theme$1.CONTENT_PRIMARY,
|
|
4095
|
-
borderColor: errorMessage ? theme$1.ERROR : otp.length === length ? theme$1.SUCCESS : activeInput === index ? theme$1.BORDER_INVERTED : theme$1.BORDER_PRIMARY,
|
|
4096
4091
|
...textInputStyle
|
|
4097
4092
|
},
|
|
4098
4093
|
onFocus: () => setActiveInput(index),
|
|
@@ -4106,15 +4101,13 @@ const OTPInput = React.forwardRef(
|
|
|
4106
4101
|
returnKeyType: otp.length === length ? "done" : "next",
|
|
4107
4102
|
importantForAutofill: "yes",
|
|
4108
4103
|
textContentType: "oneTimeCode",
|
|
4109
|
-
autoComplete: "sms-otp"
|
|
4110
|
-
selectionColor: theme$1.CONTENT_PRIMARY
|
|
4104
|
+
autoComplete: "sms-otp"
|
|
4111
4105
|
}
|
|
4112
4106
|
))), !errorMessageMaxReachCount && /* @__PURE__ */ React.createElement(View, { style: styles$5.timerContainer }, (disableResendButton() || !isResendOtpEnable) && /* @__PURE__ */ React.createElement(View, { style: styles$5.timerIconContainer }, timerIcon, /* @__PURE__ */ React.createElement(
|
|
4113
4107
|
CustomTypography,
|
|
4114
4108
|
{
|
|
4115
4109
|
text: `00:${timeLeft} secs`,
|
|
4116
|
-
variant: FontStyle.L1_REGULAR
|
|
4117
|
-
style: { color: theme$1.INFO }
|
|
4110
|
+
variant: FontStyle.L1_REGULAR
|
|
4118
4111
|
}
|
|
4119
4112
|
)), /* @__PURE__ */ React.createElement(
|
|
4120
4113
|
Pressable,
|
|
@@ -4130,7 +4123,6 @@ const OTPInput = React.forwardRef(
|
|
|
4130
4123
|
variant: FontStyle.L2_REGULAR,
|
|
4131
4124
|
style: {
|
|
4132
4125
|
textDecorationLine: "underline",
|
|
4133
|
-
color: isResendOtpEnable ? resendOtpColor ?? theme$1.CONTENT_PRIMARY : theme$1.CONTENT_DISABLE,
|
|
4134
4126
|
...resendTextStyle
|
|
4135
4127
|
}
|
|
4136
4128
|
}
|
|
@@ -4141,8 +4133,7 @@ const OTPInput = React.forwardRef(
|
|
|
4141
4133
|
text: errorMessage,
|
|
4142
4134
|
variant: FontStyle.L2_REGULAR,
|
|
4143
4135
|
style: {
|
|
4144
|
-
alignSelf: "flex-start"
|
|
4145
|
-
color: theme$1.ERROR
|
|
4136
|
+
alignSelf: "flex-start"
|
|
4146
4137
|
}
|
|
4147
4138
|
}
|
|
4148
4139
|
)) : null, errorMessageMaxReachCount ? /* @__PURE__ */ React.createElement(View, { style: styles$5.resendOtpContainer }, /* @__PURE__ */ React.createElement(
|
|
@@ -4151,8 +4142,7 @@ const OTPInput = React.forwardRef(
|
|
|
4151
4142
|
text: errorMessageMaxReachCount,
|
|
4152
4143
|
variant: FontStyle.L2_REGULAR,
|
|
4153
4144
|
style: {
|
|
4154
|
-
alignSelf: "flex-start"
|
|
4155
|
-
color: theme$1.ERROR
|
|
4145
|
+
alignSelf: "flex-start"
|
|
4156
4146
|
}
|
|
4157
4147
|
}
|
|
4158
4148
|
)) : null);
|