idmission-web-sdk 2.2.172 → 2.2.173

package/dist/sdk2.umd.development.js

@@ -211,7 +211,7 @@
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
   };
 
-  var webSdkVersion = '2.2.172';
+  var webSdkVersion = '2.2.173';
 
   function getPlatform() {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -23457,8 +23457,11 @@
       signaturePad = _h.signaturePad,
       onAcceptClicked = _h.onAcceptClicked;
     var _j = React.useState(true),
-      isSignaturePadEmpty = _j[0],
-      setIsSignaturePadEmpty = _j[1];
+      signaturePadEmpty = _j[0],
+      setSignaturePadEmpty = _j[1];
+    var _k = React.useState(false),
+      signatureValid = _k[0],
+      setSignatureValid = _k[1];
     var verbiage = useTranslations(rawVerbiage, {
       clearSignatureBtnText: 'Clear',
       acceptSignatureBtnText: 'Accept'
@@ -23470,7 +23473,9 @@
         className: classNames.signatureCanvas
       };
     }, [classNames.signatureCanvas, height, width]);
-    var canSubmit = requestedAction === 'CAPTURE_SIGNATURE' && !isSignaturePadEmpty;
+    var isSigning = requestedAction === 'CAPTURE_SIGNATURE';
+    var canClear = isSigning && !signaturePadEmpty;
+    var canSubmit = isSigning && signatureValid;
     return /*#__PURE__*/React.createElement(Container$1, {
       className: classNames.container
     }, /*#__PURE__*/React.createElement(Inner$1, {
@@ -23494,23 +23499,27 @@
     }, /*#__PURE__*/React.createElement(SignatureCanvas, {
       ref: signaturePad,
       canvasProps: canvasProps,
+      onBegin: function onBegin() {
+        return setSignaturePadEmpty(false);
+      },
       onEnd: function onEnd() {
         var _a, _b;
         var strokes = (_b = (_a = signaturePad === null || signaturePad === void 0 ? void 0 : signaturePad.current) === null || _a === void 0 ? void 0 : _a.toData()) !== null && _b !== void 0 ? _b : [];
         var points = strokes.flatMap(function (point) {
           return point;
         });
-        setIsSignaturePadEmpty(points.length < minSignaturePadPoints);
+        setSignatureValid(points.length >= minSignaturePadPoints);
       }
     })), /*#__PURE__*/React.createElement(SignatureButtonsContainer, {
       className: classNames.signatureButtonsRow
     }, /*#__PURE__*/React.createElement(LoaderButton, {
       variant: "secondary",
       className: classNames.clearSignatureBtn,
-      disabled: !canSubmit,
+      disabled: !canClear,
       onClick: function onClick() {
         var _a;
-        setIsSignaturePadEmpty(true);
+        setSignaturePadEmpty(true);
+        setSignatureValid(false);
         (_a = signaturePad === null || signaturePad === void 0 ? void 0 : signaturePad.current) === null || _a === void 0 ? void 0 : _a.clear();
         onClearSignaturePadClicked === null || onClearSignaturePadClicked === void 0 ? void 0 : onClearSignaturePadClicked();
       },