dhre-ui-kit 0.0.263 → 0.0.264

package/lib/index.mjs

@@ -2042,7 +2042,7 @@ const styles$l = StyleSheet.create({
   container: {
     position: "absolute",
     alignSelf: "center",
-    height: verticalScale(72),
+    height: verticalScale(80),
     width: width - horizontalScale(32),
     top: 56,
     borderRadius: moderateScale(8),
@@ -2072,100 +2072,97 @@ const styles$l = StyleSheet.create({
   }
 });
 
-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);
+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
       }
-    }, [visible]);
-    React.useImperativeHandle(ref, () => ({
-      showToast
-    }));
-    return visible ? /* @__PURE__ */ React.createElement(
-      Animated.View,
+    ), btnText && /* @__PURE__ */ React.createElement(
+      Pressable,
       {
-        style: [
-          styles$l.container,
-          { bottom },
-          { backgroundColor: isSuccess ? "#00B578" : "#EB0542" },
-          containerStyle
-        ],
-        testID: "TOAST"
+        style: styles$l.button,
+        onPress: onBtnPress || void 0,
+        testID: "TOAST-BTN"
       },
-      /* @__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
-        }
-      ), 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,
+        CustomTypography,
         {
-          progress,
-          width: width - horizontalScale(48),
-          height: 3,
-          color: isSuccess ? "#024324" : "#851D41",
-          borderColor: "transparent"
+          variant: "L2_BOLD",
+          text: btnText,
+          style: styles$l.buttonText
         }
       )
-    ) : null;
-  }
-);
+    ))),
+    /* @__PURE__ */ React.createElement(
+      Progress.Bar,
+      {
+        progress,
+        width: width - horizontalScale(48),
+        height: 3,
+        color: isSuccess ? "#024324" : "#851D41",
+        borderColor: "transparent"
+      }
+    )
+  ) : null;
+});
 Toast.displayName = "Toast";
 
 const styles$k = StyleSheet.create({