From 0f27e189d70548e5ef0c1230a9fd77bd0b67f9c5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jonatan=20K=C5=82osko?= <jonatanklosko@gmail.com>
Date: Tue, 6 Feb 2024 11:24:06 +0800
Subject: [PATCH] Reset confirmation keyword field whenever the dialog is open

---
 package.json            |  2 +-
 src/ConfirmProvider.js  |  3 +++
 test/useConfirm.test.js | 30 ++++++++++++++++++++++++++++++
 3 files changed, 34 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 5e1aa4c..e39202b 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "material-ui-confirm",
   "version": "3.0.10",
-  "description": "Higher order component for straightforward use of @material-ui/core confirmation dialogs.",
+  "description": "Simple confirmation dialogs built on top of @mui/material",
   "keywords": [
     "Material UI",
     "confirmation",
diff --git a/src/ConfirmProvider.js b/src/ConfirmProvider.js
index 5d29b94..e48d2e6 100644
--- a/src/ConfirmProvider.js
+++ b/src/ConfirmProvider.js
@@ -73,10 +73,12 @@ let confirmGlobal;
 const ConfirmProvider = ({ children, defaultOptions = {} }) => {
   const [options, setOptions] = useState({});
   const [resolveReject, setResolveReject] = useState([]);
+  const [key, setKey] = useState(0);
   const [resolve, reject] = resolveReject;
 
   const confirm = useCallback((options = {}) => {
     return new Promise((resolve, reject) => {
+      setKey((key) => key + 1);
       setOptions(options);
       setResolveReject([resolve, reject]);
     });
@@ -108,6 +110,7 @@ const ConfirmProvider = ({ children, defaultOptions = {} }) => {
         {children}
       </ConfirmContext.Provider>
       <ConfirmationDialog
+        key={key}
         open={resolveReject.length === 2}
         options={buildOptions(defaultOptions, options)}
         onClose={handleClose}
diff --git a/test/useConfirm.test.js b/test/useConfirm.test.js
index bda65af..b5edd6e 100644
--- a/test/useConfirm.test.js
+++ b/test/useConfirm.test.js
@@ -175,7 +175,37 @@ describe("useConfirm", () => {
 
       expect(confirmationButton.disabled).toBe(false);
     });
+
+    test("resets the input value on every open", () => {
+      const { getByText, getAllByText } = render(
+        <TestComponent
+          confirmOptions={{
+            confirmationKeyword: "DELETE",
+          }}
+        />
+      );
+
+      fireEvent.click(getByText("Delete"));
+
+      let textfield = getAllByText(
+        (content, element) => element.tagName.toLowerCase() === "input"
+      )[0];
+
+      expect(textfield).toBeTruthy();
+      fireEvent.change(textfield, { target: { value: "DELETE" } });
+
+      fireEvent.click(getByText("Ok"));
+
+      fireEvent.click(getByText("Delete"));
+
+      textfield = getAllByText(
+        (content, element) => element.tagName.toLowerCase() === "input"
+      )[0];
+
+      expect(textfield.value).toEqual("");
+    });
   });
+
   test("renders textfield with custom props", () => {
     const { getByText, queryByPlaceholderText } = render(
       <TestComponent