idmission-web-sdk 2.2.172 → 2.2.173

package/dist/sdk2.esm.js

@@ -204,7 +204,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
   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
@@ -13551,8 +13551,11 @@ function VideoSignatureGuides(_a) {
     signaturePad = _h.signaturePad,
     onAcceptClicked = _h.onAcceptClicked;
   var _j = useState(true),
-    isSignaturePadEmpty = _j[0],
-    setIsSignaturePadEmpty = _j[1];
+    signaturePadEmpty = _j[0],
+    setSignaturePadEmpty = _j[1];
+  var _k = useState(false),
+    signatureValid = _k[0],
+    setSignatureValid = _k[1];
   var verbiage = useTranslations(rawVerbiage, {
     clearSignatureBtnText: 'Clear',
     acceptSignatureBtnText: 'Accept'
@@ -13564,7 +13567,9 @@ function VideoSignatureGuides(_a) {
       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__default.createElement(Container$1, {
     className: classNames.container
   }, /*#__PURE__*/React__default.createElement(Inner$1, {
@@ -13588,23 +13593,27 @@ function VideoSignatureGuides(_a) {
   }, /*#__PURE__*/React__default.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__default.createElement(SignatureButtonsContainer, {
     className: classNames.signatureButtonsRow
   }, /*#__PURE__*/React__default.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();
     },