dhre-ui-kit 0.0.159 → 0.0.161

package/lib/index.mjs

@@ -3262,16 +3262,16 @@ const CommonTextInput = (props) => {
       pointerEvents,
       multiline,
       numberOfLines: multiline ? 4 : 1,
-      right: /* @__PURE__ */ React.createElement(
+      right: rightIcon ? /* @__PURE__ */ React.createElement(
         TextInput$1.Icon,
         {
-          icon: rightIcon ?? "",
+          icon: rightIcon,
           size: 24,
           onPress: () => {
             onRightIconPress?.();
           }
         }
-      ),
+      ) : null,
       ...props
     }
   ), errorMessage ? /* @__PURE__ */ React.createElement(
@@ -3773,12 +3773,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 +3840,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 +3851,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 +3864,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 +3872,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 +3882,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
         }
       }