dhre-ui-kit 0.0.261 → 0.0.263

package/lib/index.mjs

@@ -2072,97 +2072,100 @@ const styles$l = StyleSheet.create({
   }
 });
 
-const Toast = React.forwardRef(({ sucessIcon, errorIcon }, ref) => {
-  const [visible, setVisible] = useState(false);
-  const [message, setMessage] = useState("");
-  const [isSuccess, setIsSuccess] = useState(true);
-  const [btnText, setBtnText] = useState(null);
-  const [onBtnPress, setOnBtnPress] = useState(null);
-  const [progress, setProgress] = useState(0);
-  const bottom = useRef(new Animated.Value(-80)).current;
-  const showToast = (toastMessage, duration = 3e3, success = true, buttonText = null, buttonAction = null) => {
-    setMessage(toastMessage);
-    setIsSuccess(success);
-    setBtnText(buttonText);
-    setOnBtnPress(() => buttonAction);
-    setVisible(true);
-    Animated.timing(bottom, {
-      toValue: 20,
-      duration: 500,
-      useNativeDriver: false
-    }).start();
-    setTimeout(() => {
-      hideToast();
-    }, duration);
-  };
-  const hideToast = () => {
-    Animated.timing(bottom, {
-      toValue: -80,
-      duration: 500,
-      useNativeDriver: false
-    }).start(() => {
-      setVisible(false);
-      setMessage("");
-    });
-  };
-  const simulateProgress = () => {
-    setProgress((prev) => prev + 0.1 > 1 ? 1 : prev + 0.1);
-  };
-  useEffect(() => {
-    if (visible) {
-      setProgress(0);
-      const interval = setInterval(simulateProgress, 180);
-      return () => clearInterval(interval);
-    }
-  }, [visible]);
-  React.useImperativeHandle(ref, () => ({
-    showToast
-  }));
-  return visible ? /* @__PURE__ */ React.createElement(
-    Animated.View,
-    {
-      style: [
-        styles$l.container,
-        { bottom },
-        { backgroundColor: isSuccess ? "#00B578" : "#EB0542" }
-      ],
-      testID: "TOAST"
-    },
-    /* @__PURE__ */ React.createElement(View, { style: styles$l.toastContainer }, /* @__PURE__ */ React.createElement(View, { style: styles$l.innerContainer }, /* @__PURE__ */ React.createElement(Pressable, { onPress: hideToast }, isSuccess ? sucessIcon : errorIcon), /* @__PURE__ */ React.createElement(
-      CustomTypography,
-      {
-        variant: "L2_REGULAR",
-        text: message,
-        style: styles$l.messageText
+const Toast = React.forwardRef(
+  ({ sucessIcon, errorIcon, containerStyle }, ref) => {
+    const [visible, setVisible] = useState(false);
+    const [message, setMessage] = useState("");
+    const [isSuccess, setIsSuccess] = useState(true);
+    const [btnText, setBtnText] = useState(null);
+    const [onBtnPress, setOnBtnPress] = useState(null);
+    const [progress, setProgress] = useState(0);
+    const bottom = useRef(new Animated.Value(-80)).current;
+    const showToast = (toastMessage, duration = 3e3, success = true, buttonText = null, buttonAction = null) => {
+      setMessage(toastMessage);
+      setIsSuccess(success);
+      setBtnText(buttonText);
+      setOnBtnPress(() => buttonAction);
+      setVisible(true);
+      Animated.timing(bottom, {
+        toValue: 20,
+        duration: 500,
+        useNativeDriver: false
+      }).start();
+      setTimeout(() => {
+        hideToast();
+      }, duration);
+    };
+    const hideToast = () => {
+      Animated.timing(bottom, {
+        toValue: -80,
+        duration: 500,
+        useNativeDriver: false
+      }).start(() => {
+        setVisible(false);
+        setMessage("");
+      });
+    };
+    const simulateProgress = () => {
+      setProgress((prev) => prev + 0.1 > 1 ? 1 : prev + 0.1);
+    };
+    useEffect(() => {
+      if (visible) {
+        setProgress(0);
+        const interval = setInterval(simulateProgress, 180);
+        return () => clearInterval(interval);
       }
-    ), btnText && /* @__PURE__ */ React.createElement(
-      Pressable,
+    }, [visible]);
+    React.useImperativeHandle(ref, () => ({
+      showToast
+    }));
+    return visible ? /* @__PURE__ */ React.createElement(
+      Animated.View,
       {
-        style: styles$l.button,
-        onPress: onBtnPress || void 0,
-        testID: "TOAST-BTN"
+        style: [
+          styles$l.container,
+          { bottom },
+          { backgroundColor: isSuccess ? "#00B578" : "#EB0542" },
+          containerStyle
+        ],
+        testID: "TOAST"
       },
-      /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ React.createElement(View, { style: styles$l.toastContainer }, /* @__PURE__ */ React.createElement(View, { style: styles$l.innerContainer }, /* @__PURE__ */ React.createElement(Pressable, { onPress: hideToast }, isSuccess ? sucessIcon : errorIcon), /* @__PURE__ */ React.createElement(
         CustomTypography,
         {
-          variant: "L2_BOLD",
-          text: btnText,
-          style: styles$l.buttonText
+          variant: "L2_REGULAR",
+          text: message,
+          style: styles$l.messageText
+        }
+      ), btnText && /* @__PURE__ */ React.createElement(
+        Pressable,
+        {
+          style: styles$l.button,
+          onPress: onBtnPress || void 0,
+          testID: "TOAST-BTN"
+        },
+        /* @__PURE__ */ React.createElement(
+          CustomTypography,
+          {
+            variant: "L2_BOLD",
+            text: btnText,
+            style: styles$l.buttonText
+          }
+        )
+      ))),
+      /* @__PURE__ */ React.createElement(
+        Progress.Bar,
+        {
+          progress,
+          width: width - horizontalScale(48),
+          height: 3,
+          color: isSuccess ? "#024324" : "#851D41",
+          borderColor: "transparent"
         }
       )
-    ))),
-    /* @__PURE__ */ React.createElement(
-      Progress.Bar,
-      {
-        progress,
-        width: width - horizontalScale(48),
-        height: 3,
-        color: isSuccess ? "#024324" : "#851D41",
-        borderColor: "transparent"
-      }
-    )
-  ) : null;
-});
+    ) : null;
+  }
+);
 Toast.displayName = "Toast";
 
 const styles$k = StyleSheet.create({
@@ -4123,14 +4126,14 @@ const OTPInput = React.forwardRef(
         autoComplete: "sms-otp",
         selectionColor: theme$1.CONTENT_PRIMARY
       }
-    ))), !errorMessageMaxReachCount && /* @__PURE__ */ React.createElement(View, { style: styles$5.timerContainer }, (disableResendButton() || !isResendOtpEnable) && /* @__PURE__ */ React.createElement(View, { style: styles$5.timerIconContainer }, timerIcon, /* @__PURE__ */ React.createElement(
+    ))), !errorMessageMaxReachCount && /* @__PURE__ */ React.createElement(View, { style: styles$5.timerContainer }, /* @__PURE__ */ React.createElement(View, { style: styles$5.timerIconContainer }, (disableResendButton() || !isResendOtpEnable) && /* @__PURE__ */ React.createElement(React.Fragment, null, timerIcon, /* @__PURE__ */ React.createElement(
       CustomTypography,
       {
         text: `00:${timeLeft} secs`,
         variant: FontStyle.L1_REGULAR,
         style: { color: theme$1.INFO }
       }
-    )), /* @__PURE__ */ React.createElement(
+    ))), /* @__PURE__ */ React.createElement(
       Pressable,
       {
         onPress: onClickResendOTP,