From 3e6763027477ee0d20111c7bbf0fa49249b53ef7 Mon Sep 17 00:00:00 2001
From: Ryan Button <ryan@oneblink.io>
Date: Thu, 3 Oct 2024 13:32:48 +1000
Subject: [PATCH 1/2] ON-44002 # Submission disabled tooltip and class

---
 src/OneBlinkFormBase.tsx | 46 +++++++++++++++++++++++-----------------
 1 file changed, 27 insertions(+), 19 deletions(-)

diff --git a/src/OneBlinkFormBase.tsx b/src/OneBlinkFormBase.tsx
index 494ef13b..ac6e4bf2 100644
--- a/src/OneBlinkFormBase.tsx
+++ b/src/OneBlinkFormBase.tsx
@@ -1224,28 +1224,36 @@ function OneBlinkFormBase({
                         </button>
                       )}
                       {isLastVisiblePage && (
-                        <button
-                          type="submit"
-                          className={clsx(
-                            'button ob-button is-success ob-button-submit cypress-submit-form-button cypress-submit-form',
-                            { 'is-loading': isPreparingToSubmit },
-                          )}
-                          disabled={
-                            isPreview ||
-                            disabled ||
-                            isPreparingToSubmit ||
-                            !submissionConditionallyEnabled
+                        <Tooltip
+                          title={
+                            submissionConditionallyEnabled
+                              ? ''
+                              : 'Submission disabled: Your inputs have not met the criteria for submission'
                           }
                         >
-                          <CustomisableButtonInner
-                            label={
-                              isInfoPage
-                                ? 'Done'
-                                : buttons?.submit?.label || 'Submit'
+                          <button
+                            type="submit"
+                            className={clsx(
+                              `button ob-button is-success ob-button-submit cypress-submit-form-button cypress-submit-form${submissionConditionallyEnabled ? '' : ' ob-button-submit-is-disabled'}`,
+                              { 'is-loading': isPreparingToSubmit },
+                            )}
+                            disabled={
+                              isPreview ||
+                              disabled ||
+                              isPreparingToSubmit ||
+                              !submissionConditionallyEnabled
                             }
-                            icon={buttons?.submit?.icon}
-                          />
-                        </button>
+                          >
+                            <CustomisableButtonInner
+                              label={
+                                isInfoPage
+                                  ? 'Done'
+                                  : buttons?.submit?.label || 'Submit'
+                              }
+                              icon={buttons?.submit?.icon}
+                            />
+                          </button>
+                        </Tooltip>
                       )}
                     </div>
                   )}

From 62a3cc62eb461860fe91a5bbb7ae37f44537cc40 Mon Sep 17 00:00:00 2001
From: Ryan Button <ryan@oneblink.io>
Date: Thu, 3 Oct 2024 13:44:05 +1000
Subject: [PATCH 2/2] ON-44002 # Use clsx conditional class

---
 src/OneBlinkFormBase.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/OneBlinkFormBase.tsx b/src/OneBlinkFormBase.tsx
index ac6e4bf2..fc6c0a7a 100644
--- a/src/OneBlinkFormBase.tsx
+++ b/src/OneBlinkFormBase.tsx
@@ -1234,8 +1234,12 @@ function OneBlinkFormBase({
                           <button
                             type="submit"
                             className={clsx(
-                              `button ob-button is-success ob-button-submit cypress-submit-form-button cypress-submit-form${submissionConditionallyEnabled ? '' : ' ob-button-submit-is-disabled'}`,
+                              'button ob-button is-success ob-button-submit cypress-submit-form-button cypress-submit-form',
                               { 'is-loading': isPreparingToSubmit },
+                              {
+                                'ob-button-submit-is-disabled':
+                                  submissionConditionallyEnabled,
+                              },
                             )}
                             disabled={
                               isPreview ||