dhre-ui-kit 0.0.160 → 0.0.162

package/lib/index.mjs

@@ -3260,6 +3260,7 @@ const CommonTextInput = (props) => {
       placeholder: placeholderText,
       editable,
       pointerEvents,
+      error: errorMessage?.length ? true : false,
       multiline,
       numberOfLines: multiline ? 4 : 1,
       right: rightIcon ? /* @__PURE__ */ React.createElement(
@@ -3300,6 +3301,7 @@ const styles$8 = StyleSheet.create({
   errorInput: {
     marginTop: verticalScale(12),
     backgroundColor: DHRE_COLORS_TEXT.DH_WHITE,
+    borderColor: DHRE_DEFAULT.DH_ERROR,
     paddingVertical: 0,
     height: verticalScale(48),
     justifyContent: "center"
@@ -3773,12 +3775,20 @@ const OTPInput = React.forwardRef(
     otpHeaderTextStyle,
     textInputStyle,
     resendTextStyle,
-    resendOtpColor
+    resendOtpColor,
+    mode
   }, ref) => {
     const [otp, setOTP] = useState("");
     const [isResendOtpEnable, setIsResendOtpEnable] = useState(false);
     const [activeInput, setActiveInput] = useState(null);
-    const { theme } = useTheme();
+    const filteredTheme = Object?.keys(theme)?.reduce(
+      (acc, key) => {
+        acc[key] = theme[key][mode];
+        return acc;
+      },
+      {}
+    );
+    const { theme: theme$1 } = mode ? { theme: filteredTheme } : useTheme();
     const refs = useRef([]);
     refs.current = Array(length).fill(0).map((_, index) => refs.current[index] || null);
     useEffect(() => {
@@ -3832,7 +3842,7 @@ const OTPInput = React.forwardRef(
         text: "OTP",
         variant: FontStyle.B4_REGULAR,
         style: {
-          color: otp?.length ? theme.CONTENT_PRIMARY : theme.CONTENT_SECONDRY,
+          color: otp?.length ? theme$1.CONTENT_PRIMARY : theme$1.CONTENT_SECONDRY,
           textAlign: "left",
           ...otpHeaderTextStyle
         }
@@ -3843,8 +3853,8 @@ const OTPInput = React.forwardRef(
         key: index?.toString(),
         style: {
           ...styles$4.textInputStyle,
-          color: theme.CONTENT_PRIMARY,
-          borderColor: errorMessage ? theme.ERROR : otp.length === length ? theme.SUCCESS : activeInput === index ? theme.BORDER_INVERTED : theme.BORDER_PRIMARY,
+          color: theme$1.CONTENT_PRIMARY,
+          borderColor: errorMessage ? theme$1.ERROR : otp.length === length ? theme$1.SUCCESS : activeInput === index ? theme$1.BORDER_INVERTED : theme$1.BORDER_PRIMARY,
           ...textInputStyle
         },
         onFocus: () => setActiveInput(index),
@@ -3856,7 +3866,7 @@ const OTPInput = React.forwardRef(
         keyboardType: "numeric",
         ref: (el) => refs.current[index] = el,
         returnKeyType: otp.length === length ? "done" : "next",
-        selectionColor: theme.CONTENT_PRIMARY
+        selectionColor: theme$1.CONTENT_PRIMARY
       }
     ))), /* @__PURE__ */ React.createElement(View, { style: styles$4.resendOtpContainer }, errorMessage ? /* @__PURE__ */ React.createElement(
       CustomTypography,
@@ -3864,7 +3874,7 @@ const OTPInput = React.forwardRef(
         text: errorMessage,
         variant: FontStyle.L2_REGULAR,
         style: {
-          color: theme.ERROR
+          color: theme$1.ERROR
         }
       }
     ) : /* @__PURE__ */ React.createElement(View, null), /* @__PURE__ */ React.createElement(Pressable, { onPress: onClickResendOTP, disabled: !isResendOtpEnable }, /* @__PURE__ */ React.createElement(
@@ -3874,7 +3884,7 @@ const OTPInput = React.forwardRef(
         variant: FontStyle.L2_REGULAR,
         style: {
           textDecorationLine: "underline",
-          color: isResendOtpEnable ? resendOtpColor ?? theme.CONTENT_PRIMARY : theme.CONTENT_DISABLE,
+          color: isResendOtpEnable ? resendOtpColor ?? theme$1.CONTENT_PRIMARY : theme$1.CONTENT_DISABLE,
           ...resendTextStyle
         }
       }